﻿<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    <link href="~/FrontDesk/css/css.css" rel="stylesheet" />
    <link href="~/FrontDesk/css/bootstrap.min.css" rel="stylesheet" />
    <link href="~/FrontDesk/css/slick.css" rel="stylesheet" />
    <link href="~/FrontDesk/css/slick-theme.css" rel="stylesheet" />
    <link href="~/FrontDesk/css/nouislider.min.css" rel="stylesheet" />
    <link href="~/FrontDesk/css/font-awesome.min.css" rel="stylesheet" />
    <link href="~/FrontDesk/css/style.css" rel="stylesheet" />
    <script src="~/scripts/jquery-3.5.1.js"></script>
    <script src="~/lib/layui/layui.js"></script>
    <link href="~/lib/CSS/My.css" rel="stylesheet" />

</head>
<body>
    @* 头部导航条 *@
    <header>
        <div id="header">
            <div class="container">
                <div class="pull-left">
                    <!-- Logo -->
                    <div class="header-logo" style="width:250px;">
                        <a class="logo" href="#">
                            <img src="~/Content/Image/Logo.jpg" />
                        </a>
                    </div>
                    <!-- /Logo -->
                    <!-- Search -->
                    <div class="header-search">
                        <form onsubmit="return false">
                            <input class="input search-input" type="text" placeholder="搜索">

                            <button class="search-btn" id="Search"><i class="fa fa-search"></i></button>
                        </form>
                    </div>
                    <!-- /Search -->
                </div>
                <div class="pull-right">
                    <ul class="header-btns">
                        <!-- Account -->
                        <li class="header-account dropdown default-dropdown" style="width:150px">
                            <div class="dropdown-toggle" role="button" data-toggle="dropdown" aria-expanded="true">
                                <div class="header-btns-icon">
                                    <i class="fa fa-user-o"></i>
                                </div>
                                <strong class="text-uppercase">我的账户 <i class="fa fa-caret-down"></i></strong>
                            </div>
                            <a href="/Login/LoginView" class="text-uppercase">登录</a> / <a href="/Home/SignIn" class="text-uppercase">注册</a>
                            <ul class="custom-menu">
                                <li><a href="#"><i class="fa fa-user-o"></i>账户</a></li>
                                <li><a href="#"><i class="fa fa-heart-o"></i> 我的收藏</a></li>
                                <li><a href="/UserCenter/Index"><i class="fa fa-exchange"></i> 个人中心</a></li>
                                <li><a href="/Login/LogOut"><i class="fa fa-heart-o"></i> 退出登录</a></li>
                            </ul>
                        </li>
                        <!-- /Account -->
                        <!-- Cart -->

                        <li class="header-cart dropdown default-dropdown">
                            <button class="layui-btn" id="CartsBtn">我的购物车</button>
                        </li>
                        <!-- /Cart -->
                        <!-- Mobile nav toggle-->
                        <li class="nav-toggle">
                            <button class="nav-toggle-btn main-btn icon-btn"><i class="fa fa-bars"></i></button>
                        </li>
                        <!-- / Mobile nav toggle -->
                    </ul>
                </div>
            </div>
        </div>
    </header>

    @RenderBody()
    <!-- FOOTER -->
    <footer id="footer" class="section section-grey">
        <!-- container -->
        <div class="container">
            <!-- row -->
            <div class="row">
                <!-- footer widget -->
                <div class="col-md-3 col-sm-6 col-xs-6">
                    <div class="footer">
                        <!-- footer logo -->
                        <div class="footer-logo">
                            <a class="logo" href="#">
                                <img src="~/FrontDesk/img/logo.png" alt="">
                            </a>
                        </div>
                        <!-- /footer logo -->

                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna</p>

                        <!-- footer social -->
                        <ul class="footer-social">
                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                            <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
                        </ul>
                        <!-- /footer social -->
                    </div>
                </div>
                <!-- /footer widget -->
                <!-- footer widget -->
                <div class="col-md-3 col-sm-6 col-xs-6">
                    <div class="footer">
                        <h3 class="footer-header">My Account</h3>
                        <ul class="list-links">
                            <li><a href="#">My Account</a></li>
                            <li><a href="#">My Wishlist</a></li>
                            <li><a href="#">Compare</a></li>
                            <li><a href="#">Checkout</a></li>
                            <li><a href="#">Login</a></li>
                        </ul>
                    </div>
                </div>
                <!-- /footer widget -->

                <div class="clearfix visible-sm visible-xs"></div>

                <!-- footer widget -->
                <div class="col-md-3 col-sm-6 col-xs-6">
                    <div class="footer">
                        <h3 class="footer-header">Customer Service</h3>
                        <ul class="list-links">
                            <li><a href="#">About Us</a></li>
                            <li><a href="#">Shiping & Return</a></li>
                            <li><a href="#">Shiping Guide</a></li>
                            <li><a href="#">FAQ</a></li>
                        </ul>
                    </div>
                </div>
                <!-- /footer widget -->
                <!-- footer subscribe -->
                <div class="col-md-3 col-sm-6 col-xs-6">
                    <div class="footer">
                        <h3 class="footer-header">Stay Connected</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p>
                        <form>
                            <div class="form-group">
                                <input class="input" placeholder="Enter Email Address">
                            </div>
                            <button class="primary-btn">Join Newslatter</button>
                        </form>
                    </div>
                </div>
                <!-- /footer subscribe -->
            </div>
            <!-- /row -->
            <hr>

        </div>
        <!-- /container -->
    </footer>
    <!-- /FOOTER -->
    <script src="~/FrontDesk/js/jquery.min.js"></script>
    <script src="~/FrontDesk/js/bootstrap.min.js"></script>
    <script src="~/FrontDesk/js/slick.min.js"></script>
    <script src="~/FrontDesk/js/nouislider.min.js"></script>
    <script src="~/FrontDesk/js/jquery.zoom.min.js"></script>
    <script src="~/FrontDesk/js/main.js"></script>

    <script>
        layui.use(['form', 'layer'], function () {
            var layer = layui.layer;
            var $ = layui.$;
            var form = layui.form;
            //console.log("111111111111111");
            $(".SkipClick").click(function () {
                var con = $(".SkipClick").attr("name");
                console.log(con);
                $.ajax({
                    url: "/ShopType/TypeView",
                    type: "post",
                    data: { id: con },
                    success: function (re) {
                        if (re.success > 0) {
                            console.log(re.msg);
                            location.href = "/ShopType/Index?id=" + re.num;
                        }
                    }
                });
            });
            //跳转购物车
            $("#CartsBtn").click(function () {
                console.log(1);
                window.location.href = "/Home/Cart";
            });
            //搜索
            $("#Search").click(function () {
                var con = $(this).siblings("input").val();
                console.log(con);
                location.href = "/Home/Shoes?ShopName=" + con;
            });

        });
    </script>
</body>
</html>
